<template>
  <div>
    <el-form ref="waybillFileQueryForm" :model="waybillFileQueryData" :rules="waybillFileQueryRules"
             size="mini" label-width="65px">
      <el-row :gutter="20">
        <el-col :span="1">
          <el-tag>文件</el-tag>
        </el-col>
        <el-col :span="5">
          <el-form-item label="文件类型" prop="fileTypeIds">
            <el-select v-model="waybillFileQueryData.fileTypeIds" placeholder="请选择文件类型" multiple clearable filterable
                       :style="{width: '100%'}">
              <el-option v-for="(item, value) in fileTypeMap" :key="value" :label="item" :value="value"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-row>
            <el-col :span="13">
              <el-form-item label="文件上传时间" prop="rangeCreateTime" label-width="90px">
                <el-date-picker v-model="waybillFileQueryData.rangeCreateTime[0]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="开始日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="11">
              <el-form-item label="-" prop="rangeAccountTime" label-width="30px">
                <el-date-picker v-model="waybillFileQueryData.rangeCreateTime[1]" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                                :style="{width: '100%'}" placeholder="结束日期" clearable></el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-col>
      </el-row>



    </el-form>
  </div>
</template>
<script>
  export default {
    components: {},
    props: {
      fileTypeMap:{
        type: Object,
        default: function () {
          return {}
        }
      }
    },
    data() {
      return {
        waybillFileQueryData: {
          fileTypeIds: [],
          rangeCreateTime: [],
        },
        waybillFileQueryRules: {
        }
      }
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {}
  }

</script>
<style>
</style>
